/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      省略      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody {
  /* ============================== 单行省略 ============================== */
  .ellips {
    overflow: hidden; // 超出隐藏
    white-space: nowrap; // 不换行
    text-overflow: ellipsis; // 省略号
    vertical-align: top;
  }

  /* ============================== 两行省略 ============================== */
  .ellips2 {
    overflow: hidden; // 超出隐藏
    display: -webkit-box; // 对象作为弹性伸缩盒子模型显示
    -webkit-box-orient: vertical; // 设置或检索伸缩盒对象的子元素的排列方式
    -webkit-line-clamp: 2; // 溢出省略的界限
    white-space: initial;
    word-break: break-all;
    vertical-align: top;
  }

  /* ============================== 三行省略 ============================== */
  .ellips3 {
    overflow: hidden; // 超出隐藏
    display: -webkit-box; // 对象作为弹性伸缩盒子模型显示
    -webkit-box-orient: vertical; // 设置或检索伸缩盒对象的子元素的排列方式
    -webkit-line-clamp: 3; // 溢出省略的界限
    white-space: initial;
    word-break: break-all;
    vertical-align: top;
  }

  /* ============================== 不换行 ============================== */
  .noWrap {
    white-space: nowrap;
  }
}
